<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简易计算器</title>
	</head>
	<body>
		<P>数字1：</P>
		<input id="n1" type="text" />
		<p>数字2:</p>
		<input id="n2" type="text"/>
		<!--按钮的点击事件：执行add函数-->
	</br>
		</br>
		<input id="btn" type="button" value="求和" onclick="add()" />
		<input id="btn" type="button" value="相减" onclick="jdd()" />
		<input id="btn" type="button" value="相乘" onclick="cdd()" />
		<input id="btn" type="button" value="相除" onclick="udd()" />
		<p id="sum"></p>
		<p id="reduce"></p>
	    <p id="ride"></p>
	    <p id="except"></p>
		<script>
			function add(){
				/*1、获取2个文本框输入的内容
				  2、相加的结果放入<p>*/
				 
				 //获取元素对象
				 var num1=document.getElementById('n1');
				 var num2=document.getElementById('n2');
				 var sum=document.getElementById('sum');
				 //不管输入的是字符串还是数字，都会处理成string，所以变成字符串连接。
				 var result=num1.value+num2.value;
				 
				 //强制类型转换
				 parseInt(num1.value)+parseInt(num2.value);
				 //强制类型转换2：parseFloat()转成浮点型1.5+2.3=3.8
				 //输入非字符型的话，1+a=NaN
				 
				 result=parseFloat(num1.value)+parseFloat(num2.value);
				 //强制类型转换3：Number()
				 //输入整型浮点型都可以 3+3.3=6.3
				 //输入非数字的话，3a+3.3=NaN
				 
				 result=Number(num1.value)+Number(num2.value);
				 //考虑用户输入不合法的情况，当用户输入非数字时候，弹出提示框
				 
				 if(isNaN(num1.value)){
				 	alert("第一个数字不合法，是非数字型")
				 }else if(isNaN(num2.value)){
				 	alert("第二个数字不合法，是非数字型")
				 }else{
				 	sum.innerHTML=(num1.value)+"+"+(num2.value)+"="+result;
				 }
				 sum.innerHTML=(num1.value)+"+"+(num2.value)+"="+result;
			}
			function jdd(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var reduce=document.getElementById('reduce');
				var result=Number(num1.value)-Number(num2.value);
				if(isNaN(num1.value)){
				  	alert("第一个数字不合法,是非数字")
				  }else if(isNaN(num2.value)){
				  	alert("第二个数字不合法，是非数字")
				  }else{
				   reduce.innerHTML=(num1.value)+"-"+(num2.value)+"="+result;	
				  }
			}
			function cdd(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var reduce=document.getElementById('reduce');
				var result=Number(num1.value)*Number(num2.value);
				if(isNaN(num1.value)){
				  	alert("第一个数字不合法,是非数字")
				  }else if(isNaN(num2.value)){
				  	alert("第二个数字不合法，是非数字")
				  }else{
				   reduce.innerHTML=(num1.value)+"*"+(num2.value)+"="+result;	
				  }
			}
			function udd(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var reduce=document.getElementById('reduce');
				var result=Number(num1.value)/Number(num2.value);
				if(isNaN(num1.value)){
				  	alert("第一个数字不合法,是非数字")
				  }else if(isNaN(num2.value)){
				  	alert("第二个数字不合法，是非数字")
				  }else{
				   reduce.innerHTML=(num1.value)+"/"+(num2.value)+"="+result;	
				  }
			}
		</script>
	</body>
</html>
